﻿@model NavKet.Models.Vw_ShopDetails
       
@{
    
    ViewBag.Title = "Index";
}
  <div id="Main" class="grid_11">
        	<h1>@Model.ShopName</h1>
        	<div id="Listing" class="grid_11 alpha">
            	<li><strong>Number : </strong>@Model.shopNumber</li>
                <li><strong>Phone : </strong>@Model.ShopPhoneNumber</li>
           
            </div> <!--End Listing-->

            <div id="Line" class="grid_11 alpha"></div>

            <div id="Departments" class="grid_11 alpha">
           <h2>Department</h2>
           
            	@foreach (var item in ViewBag.Departments)
             {
               <li class="clearfix">
                	<a href="/department/index/@(item.id)">more</a>
                    <h4>@item.name</h4>
                    <p>@item.Description
                    </p>
                </li>   
             }
                  
            </div>

            



            
    
        </div> <!--End Main-->
        
           <div id="SideBar" class="grid_5">
        	<div id="Followers">
        		<img src="/Content/pics/@Model.mainImage" />
                <h3>Followers</h3>
                <span>@Model.NumberOfFollowers <span> Follower</span></span>
                <a href="#" class="Follow">follow this store</a>
            </div> <!--End Followers-->
            <div id="GoogleMap">
            	<h3>How to go there</h3>
                <div>
                	<img src="/Content/images/map.jpg" />
                </div>
            </div> <!--End GoogleMap-->
        </div> <!--End SideBar-->
